﻿@model MyMvc.Model.Models.Note

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>文档</title>
    <link href="~/themes/css/easyui.css" rel="stylesheet" />
    <link href="~/themes/css/icon.css" rel="stylesheet" />
    <link href="~/themes/css/Site.css" rel="stylesheet" />

    <script type="text/javascript" src="~/scripts/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="~/scripts/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="~/scripts/easyui-lang-zh_CN.js"></script>

    <script type="text/javascript">
        //弹出回复留言对话框
        function ShowReplyDialog() {
            //弹出回复留言的对话框
            $('#ReplyNoteDialog').dialog('open').dialog('setTitle', '回复留言');
        }
        //返回文章列表
        function backNote() {
            location.href = "/Company/MangeNote";
        }
    </script>
</head>
<body>
    <div align="center">

        <form id="ff" method="post" novalidate="novalidate">
            <table id="tblAdd">
                <tr>
                    <h2>查看 @Model.Position 的留言</h2>
                </tr>
                <tr>
                    <td>
                        <h3>留言主题：</h3>
                    </td>
                    <td>
                        <input class="easyui-validatebox" style="width:250px" value="@Model.Topic" type="text" id="Topic" name="Topic" data-options="required:true,validType:'length[1,40]'" /></td>
                </tr>

                <tr>
                    <td>
                        <h3>留言者身份：</h3>
                    </td>
                    <td>
                        <input class="easyui-validatebox" style="width:250px" value="@Model.Position" type="text" id="Position" name="Position" data-options="required:true,validType:'length[1,40]'" /></td>
                </tr>
                <tr>
                    <td>
                        <h3>留言姓名：</h3>
                    </td>
                    <td>
                        <input class="easyui-validatebox" style="width:250px" value="@Model.People" type="text" id="People" name="People"  data-options="required:true,validType:'length[1,32]'" /></td>
                </tr>

                <tr>
                    <td>
                        <h3>留言者邮箱：</h3>
                    </td>
                    <td>
                        <input class="easyui-validatebox" style="width:250px" value="@Model.Mail" type="email" id="Mail" name="Mail"  data-options="required:true" /></td>
                </tr>

                <tr>
                    <td>
                        <h3>联系方式：</h3>
                    </td>
                    <td>
                        <input class="easyui-validatebox" style="width:250px" value="@Model.Phone" type="text" id="Phone" name="Phone"  data-options="required:true,validType:'length[1,32]'" /></td>
                </tr>

                <tr>
                    <td>
                        <h3>留言者网站：</h3>
                    </td>
                    <td>
                        <input class="easyui-validatebox" style="width:250px" type="url" value="@Model.Website" id="Website" name="Website"  data-options="required:true,validType:'length[1,50]'" /></td>
                </tr>

                <tr>
                    <td>
                        <h3>留言内容：</h3>
                    </td>
                    <td>
                        <textarea id="Words" name="Words" style="width: 250px">@Model.Words</textarea></td>
                </tr>

                <tr>
                    <td colspan="2" style="text-align: center; padding-top: 10px">
                        <a href="javascript:void(0)" onclick="ShowReplyDialog()" class="easyui-linkbutton" id="btnReply" iconcls="icon-ok">回复本留言</a>
                    </td>
                    <td colspan="2" style="text-align: center; padding-top: 10px">
                        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="backNote()" id="btnBack" iconcls="icon-ok">忽略并返回</a>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    @*----------------回复留言----------------------*@
    <div id="ReplyNoteDialog" class="easyui-dialog" style="width: 360px; height: 310px; padding: 10px 20px"
        closed="true" resizable="true" modal="true" buttons="#dlg-buttons" align="center">
        <form id="UpdateUserInfo" method="post" novalidate="novalidate">
            <table>
                <tr>
                    <td>
                        <label>回复留言</label></td>
                </tr>
                <tr>
                    <td>
                        <textarea id="reply" style="width: 200px; height: 150px" name="reply"></textarea></td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: center; padding-top: 10px">
                        <a href="javascript:void(0)" class="easyui-linkbutton" id="btnReply1" iconcls="icon-ok">回复</a>
                        <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:$('#ReplyNoteDialog').dialog('close')">关闭</a>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</body>
</html>
